<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta Access-Control-Allow-Origin: 'http://alpha_xm.fangmm.com/'>
    <title>fangmm</title>
    <link rel="stylesheet" type="text/css" href="vendors/semantic/dist/semantic.min.css">
    <link rel="stylesheet" type="text/css" href="static/css/common.css">
    <script src="module/component/template.js"></script>
    <script data-main="module/main" src="vendors/requireJs/require.js"></script>
    <style type="text/css">
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
    </style>
    <script>
        var roomFilter = {"order":"","regionCode":350206};
    </script>
</head>
<body>
    <div class ="modal-bg common" data-action = "removeModal"> 
    </div>
    <!-- 下面的预约也有改动 -->
    <!-- src你随便放张加载的静态图片 data-url为实际的加载图片 -->
    <div class ='modal-inner'>
        <div class ="modal-img">
            <img src="static/img/win.png" class ="post-img" data-url ="static/img/error.png">
        </div>
    </div>
<div class="site">
    <header class="site-header">
        <div class="site-logo site-fix">
            <div class="site-logo__logo">
                <img src="static/img/logo.png">
                    <span class="site-logo__location">
                        <div class="ui compact selection dropdown">
                            <i class="dropdown icon"></i>

                            <div class="text">厦门</div>
                            <div class="menu">
                                <a  class="item">厦门</a>
                                <!-- <div class="item">添加</div> -->
                            </div>
                        </div>
                    </span>
            </div>
            <div class="site-logo__nav">
                <ul>
                    <li><a href="">首页</a></li>
                    <li><a href="">我要租房</a></li>
                    <li>发布房源</li>
                    <li>下载APP</li>
                    <li>微信公众号</li>
                </ul>
            </div>
            <div class="site-logo__search">
                <form action ="">
                <div class="ui action input">
                        <input type="text" placeholder="请输入房源" name ="community">
                        <input type ="submit" class ="search-submit">
                        <button class="ui icon button">
                            <i class="search icon"></i>
                        </button>
                </div>
                </form>
            </div>
        </div>
    </header>
</div>
<hr>
<div class="site">
</div>
<div class ="map map-reset">
    <div class ="map-around">
        <span>在</span>
        <div class="ui transparent left icon input">
          <input type="text" placeholder="在厦门附件搜索思明" name ="region-around">
          <i class="search icon"></i>
        </div>
        <span>附近</span>
        <select class="ui dropdown far-away">
          <option value="">几公里</option>
          <option value="3">3公里</option>
          <option value="6">6公里</option>
          <option value="9">9公里</option>
          <option value="12">12公里</option>
        </select>
        <div class="ui button search-around">
          搜索
        </div>
    </div>
    <div id ="map"></div>
    <div class ="map-nav"> 
        <div class ="map-arrow"></div>
        <div class ="map-nav__padding">
            <div class="filter-list map-nav__border">
                <ul>
                    区域：
                    <li class="active" data-param='{"regionCode": "350203"}'>不限</li>
                    <li data-param='{"regionCode": "350203"}'>思明</li>
                    <li data-param='{"regionCode": "350203"}'>海沧</li>
                    <li data-param='{"regionCode": "350203"}'>集美</li>
                    <li data-param='{"regionCode": "350203"}'>翔安</li>
                    <li data-param='{"regionCode": "350203"}'>同安</li>
                </ul>
                <div class="filter-rigion map-region">
                    <ul>
                        <li>
                            <a data-regionCode ="">白城</a> <a>百丈</a>
                        </li>
                    </ul>
                    <br>
                </div>
                <div class="filter-rigion map-region">
                    <ul>
                        <li>
                            <a>厦门</a> <a>广东</a>
                        </li>
                    </ul>
                    <br>
                </div>
            </div>
            <div class="filter-list map-nav__border">
                <ul>
                    租金：
                    <li class="active" data-param='{"rent": "350203"}'>不限</li>
                    <li data-param='{"rent": "350203"}'>700-1000元</li>
                    <li data-param='{"rent": "1305"}'>1000-1500元</li>
                    <li data-param='{"rent": "1305"}'>1500-2000元</li>
                    <li data-param='{"rent": "1305"}'>2000-4000元</li>
                    <li data-param='{"rent": "1305"}'>4000元以上</li>
                </ul>
            </div>
            <div class="filter-list map-nav__border">
                <ul>
                    房型：
                    <li class="active" data-param='{"roomNum": "1"}'>不限</li>
                    <li data-param='{"roomNum": "1"}'>一室</li>
                    <li data-param='{"roomNum": "1"}'>二室</li>
                    <li data-param='{"roomNum": "1"}'>三室</li>
                    <li data-param='{"roomNum": "1"}'>四室</li>
                    <li data-param ='{"roomNum": "1"}'>四室以上</li>
                </ul>
            </div>
            <div class="filter-list map-nav__border">
                <ul>
                    类型：
                    <li class="active" data-param='{"rentType": "1"}'>不限</li>
                    <li data-param='{"rentType": "1"}'>整租</li>
                    <li data-param='{"rentType": "1"}'>合租</li>
                </ul>
            </div>
            <div class="filter-list map-nav__border">
                <ul>
                    来源：
                    <li class="active" data-param='{"houseType": "1"}'>不限</li>
                    <li data-param='{"houseType": "1"}'>房妈妈直营</li>
                    <li data-param='{"houseType": "1"}'>房东直签</li>
                    <li data-param='{"houseType": "1"}'>转租</li>
                </ul>
            </div>
            <div class ="site-search map-search">
                <div class="ui compact menu">
                  <a class="item on map" data-order ="" data-param='{"order": ""}'>
                     默认排序
                  </a>
                  <a class="item map" data-order ="" data-param='{"order": "price_asc"}' data-down='{"order": "price_desc"}'>
                     按价格<i class="long arrow down icon"></i>
                  </a>
                  <a class="item map" data-order ="" data-param='{"order": "area_asc"}' data-down='{"order": "area_desc"}'>
                     按面积<i class="long arrow down icon"></i>
                  </a>
                </div>
                <div class ="site-search__map _map">
                    <a href="javascript:history.go(-1);">
                        <div>
                            <i class="reply icon"></i>
                            返回列表
                        </div>
                    </a>
                </div>
            </div>
        </div>
        <div class ="map-list map-nav__padding">
            <div class="filter-detail">
                <div class="ui very relaxed items">
                    <div style ="text-align: center" class ="remove">
                        <img src="static/img/load.png">
                    </div>
                </div>
            </div>
            <div id="page">                   
            </div>
        </div>
    </div>
</div>
<script id="mapTem" type="text/html">
{{each list as name i}}
    
    <div class="item filter-item">
        <div class="image">
            <img src="{{ name.picPath }}">
        </div>
        <div class="content">
            <a class="ui header" href="/zufang/0_{{ name.communityId }}">[ {{ name.rentType }} ] {{ name.business }} {{ name.community }}</a>

            <div class="description">
                    <p class="filter-des filter-des-reset">
                        {{ name.business }} {{ name.community }} | {{ name.houseHallNum }}室{{ name.houseRoomNum }}厅{{ name.houseToiletNum }}卫 | {{ name.houseArea }}㎡
                    </p>

                    <p>{{ name.houseStyle }} | {{ name.orientation }}

                        {{if name.houseType == '自营'}}
                            <span class="filter-type self">{{ name.houseType }}</span>
                        {{/if}}

                        {{if name.houseType == '房东直签'}}
                            <span class="filter-type direct">{{ name.houseType }}</span>
                        {{/if}}

                        {{if name.houseType == '转租'}}
                            <span class="filter-type sublet">{{ name.houseType }}</span>
                        {{/if}}

                    </p>
                    <div class="filter-r">
                        <span> {{ name.rent }} <small>元/月</small>
                        </span>
                    </div>
            </div>
        </div>
    </div>

{{/each}}

</script>
<!-- 加载地图 -->
<script type="text/javascript" src="http://api.map.baidu.com/api?&v=1.3">
</script>
<script src="module/component/simplymap.js"></script>
</body>
</html>